<template>
	<view>
		<image class="icon" v-if="options.status=='success'" src="../static/images/icon_chenggong@3x.png">
		</image>
		<image class="icon" v-if="options.status=='fail'" src="../static/images/icon_shibai@3x.png">
		</image>
		<view class="label">{{options.label}}</view>
		<view class="text">{{options.text}}</view>
		<button type="default" class="back-btn" @click="onBackClick">{{options.btnLabel}}</button>
	</view>
</template>

<script>
	export default {
		name: "page-status",
		props: {
			options: {
				type: Object,
				default: {}
			}
		},
		data() {
			return {

			};
		},
		mounted(){
			console.log(this.options);
		},
		methods: {
			onBackClick: function(e) {
				this.$emit("click", e)
			}
		}
	}
</script>

<style>
	.icon {
		width: 200rpx;
		height: 200rpx;
		margin: 118rpx auto 52rpx auto;
		display: block;
	}

	.label {
		color: #000000;
		font-size: 40rpx;
		text-align: center;
		margin-bottom: 52rpx;
	}

	.text {
		font-size: 26rpx;
		color: #B2B2B2;
		text-align: center;
		margin-bottom: 128rpx;
	}
</style>
